<template>
    <!-- <el-popover placement="bottom" open-delay="500" title="" width="100" trigger="hover" popper-class="project-popper">
        <div class="popper-content">
            <div class="popper-title">{{title}}</div>
            <div class="member-popper flexbox flexcenter flexbetween" v-for="(item,index) in list" :key="index">
                <div>{{item.name}}</div>
                <div>{{item.quantity}}</div>
            </div>
        </div>
        <slot name="references"></slot>
    </el-popover> -->
    <div>
        <el-popover placement="bottom" open-delay="500" title="" width="100" trigger="hover" popper-class="project-popper">
            <slot name="reference"></slot>
        </el-popover>
    </div>
</template>

<script>
export default {
    props: {
        //标题
        title: {
            type: String,
            default: "",
        },
        //列表
        list: {
            type: Array,
            default: [],
        },
    },
    name: "",
    data() {
        return {};
    },
    created() {},
    methods: {},
    components: {},
};
</script>


<style scoped>
.popper-content {
    max-height: 400px;
    margin: 0 -12px;
    padding: 0 12px;
    overflow-y: auto;
}
.popper-title {
    font-size: 14px;
    color: #17233d;
    line-height: 20px;
}
.member-popper {
    font-size: 14px;
    color: #17233d;
    line-height: 20px;
    margin-top: 4px;
}
</style>
